<template>
     <div class="header">
     <div class="header-left">
          <span class="iconfont">&#xe624;</span>
     </div>
     <div class="header-input">
          <span class="iconfont">&#xe632;</span>
          输入城市/景点/游玩主题</div>
     <div class="header-right">
          <span class="iconfont arrow-icon">&#xe64a;</span>
          城市</div>
     </div>
</template>
<script>
export default {
  name: 'Header'
}
</script>
<style scoped>
  .header{display:flex;line-height: .86rem;
    background: #00bcd4;color: #fff}
  .header-left{width: 0.64rem;float:left}
  .header-input{flex: 1;height:0.64rem;line-height:0.64rem;margin-top: .12rem;
    margin-left:.2rem;background:#fff;border-radius: .1rem;color:#ccc}
  .header-right{width: 1.24rem;float: right;
    text-align: center}
</style>
